<!--
  Generated template for the SignUpPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>注册页</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-list>
    <ion-item>
      <ion-label floating>Email {{user.email}}</ion-label>
      <ion-input [(ngModel)]="user.email"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating>Username {{user.username}}</ion-label>
      <ion-input [(ngModel)]="user.username"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating>Password {{user.password}}</ion-label>
      <ion-input type="password" [(ngModel)]="user.password"></ion-input>
    </ion-item>
    <ion-list-header>Gender {{user.gender}}</ion-list-header>
    <ion-list radio-group [(ngModel)]="user.gender">
      <ion-item>
        <ion-label>Male</ion-label>
        <ion-radio checked value="male"></ion-radio>
      </ion-item>
      <ion-item>
        <ion-label>Female</ion-label>
        <ion-radio value="female"></ion-radio>
      </ion-item>
    </ion-list>
    <ion-item>
      <ion-label floating>Age {{user.age}}</ion-label>
      <ion-input [(ngModel)]="user.age"></ion-input>
    </ion-item>
    <ion-list-header>City {{user.city}}</ion-list-header>
    <ion-item>
      <ion-select [(ngModel)]="user.city">
        <ion-option value="Beijing">Beijing</ion-option>
        <ion-option value="Shanghai" selected>Shanghai</ion-option>
        <ion-option value="Guangzhou">Guangzhou</ion-option>
      </ion-select>
    </ion-item>
  </ion-list>
  <button (tap)="signUp()" ion-button block color="secondary">Sign up</button>
</ion-content>












